@charset "utf-8";
/* CSS Document */

/*////////////////系统样式///////////////////////////////////////*/

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */





.Product-carousel .Product-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.Product-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.Product-carousel .Product-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.Product-carousel .Product-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.Product-carousel .Product-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.Product-carousel .Product-item{
	float: left;
}
.Product-controls .Product-page,
.Product-controls .Product-buttons div{
	cursor: pointer;
}
.Product-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.Product-carousel  .Product-wrapper,
.Product-carousel  .Product-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}






/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width:7600px) and (min-width:1024px) {
/*///////////////////////结构定义/////////////////////////////////////////////////*/


.Product-theme .Product-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.Product-theme .Product-controls .Product-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 3px;
	font-size: 48px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 30px;
	/*	filter: Alpha(Opacity=50);/*IE7 fix*/
	/*opacity: 0.5;*/ 
	background: rgba(0,0,0,0.20);/*透明效果内部元素不受影响*/
	font-weight: bold;/*	background-color: #C9C9C9;*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.Product-theme .Product-controls.clickable .Product-buttons div:hover{
	/*	filter: Alpha(Opacity=60); /*IE7 fix*/
/*	opacity: 0.6 ;*/ 
	background: rgba(0,0,0,0.80);/*透明效果内部元素不受影响*/
	text-decoration: none;
	color: #e61f19;
	font-weight: bolder;
}

/* Styling Pagination*/

.Product-theme .Product-controls .Product-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.Product-theme .Product-controls .Product-page span{
	display: block;
	width: 30px;
	height: 5px;
	filter: Alpha(Opacity=20);/*IE7 fix*/
	opacity: 0.2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #17489c;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 7px;
	border: 1px solid #033a87;
}

.Product-theme .Product-controls .Product-page.active span,
.Product-theme .Product-controls.clickable .Product-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.Product-theme .Product-controls .Product-page span.Product-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 24px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.Product-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}






/*/////////////////////展示定义//////////////////////////////////////////*/



#SliderProduct{
	width: 95%;
	font-family: "Microsoft Yahei";
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	padding-bottom: 15px;
	clear: both;
	background-color: #FFF!important;
}
#SliderProduct .Product-wrapper-outer{
	margin: 0 auto;
}
#SliderProduct .item{
	position: relative;
	width: 100%;
	height: 500px;
	background-color: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
}
#SliderProduct .Mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}
#SliderProduct .item img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#SliderProduct .Mask a{
	display: block;
	width: 100%;
	height: 239px;
*background-image:url(about:blank);			background-image: url(about:blank)\0;
}
#SliderProduct .txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	color: #888;
	box-shadow: 0 0 15px 15px rgba(228, 233, 238, 0.95);
	background-color: #e4e9ee\9;
	background-color: rgba(228, 233, 238, 0.95);
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}
#SliderProduct h3{
	width: 100%;
	height: 25px;
	margin-bottom: 6px;
	padding-top: 6px;
	overflow: hidden;
	font-family: arial, "Microsoft Yahei";
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
}
#SliderProduct h3 a{
	color: #333;
	text-decoration: none;
}
#SliderProduct h3 a:hover{
	color: #338de6;
}
#SliderProduct p{
	width: 96%;
	height: 120px;
	line-height: 19px;
	display: block;
}

#SliderProduct .item:hover .Mask{
	background-color: rgba(0, 0, 0, 0);
}
#SliderProduct .item:hover .txt{
	background-color: #fff\9;
	background-color: rgba(248, 249, 249, 0.95);
	box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);
}




.Product-buttons div{
	position: absolute;
	top: 180px;
	width: 30px;
	height: 60px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	overflow: hidden;
	_display: none;
	font-family: "宋体";
	font-size: 60px;
	line-height: 60px;
}
.Product-prev{
	left: -40px;
}
.Product-next{
	right: -40px;
}
.Product-prev:before{
	content: "<";
}
.Product-next:before{
	content: ">";
}





#bar {
	width: 0%;
	max-width: 100%;
	height: 0.6px;
	overflow: hidden;
	background-color: #f60224;
}
#progressBar {
	width: 100%;
	background-color: #fafafa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b7b7b7;
	border-bottom-color: #acacac;
}


/*         #bar{position:relative;width:300px;height:400px;display:flex;justify-content:center;align-items:center;background:#060c21;}
        #bar:before{content:'';position:absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background:#fff;z-index: -1;}
        #bar:after{content:'';position:absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background:#fff;z-index: -2;filter:blur(40px);}
        #bar:before, .box:after{background:linear-gradient(235deg,#89ff00,#060c21,#00bcd4);}*/














@-webkit-keyframes BorderEffect {
  from { background-color: #FFFFFF; -webkit-box-shadow: 0 0 2px #e61f19;border-color:rgba(23,72,156,.75); }
  50% { background-color: #FFFFFF; -webkit-box-shadow: 0 0 15px #17489c;border-color:rgba(4,9,117,.75); }
  to { background-color: #FFFFFF; -webkit-box-shadow: 0 0 2px #eee93a;border-color:rgba(23,72,156,.75); }
}



/*背景荧光*/
/*.Product-carousel 
{
	background-color: #FFF; 
	
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
    -webkit-animation-name: BorderEffect; -webkit-animation-duration: 5s;animation-duration: 5s;
 
 
 
 
 
border-radius: 4px; 
}

.Product-carousel:before
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -1;
}
 
.Product-carousel:after
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -2;
	filter: blur(6px); 
}
.Product-carousel:before,
.Product-carousel:after
{
    background: linear-gradient(20deg,#eee93a,#6bb72d,#e61f19,#17489c);
	background: linear-gradient(235deg,#6bb72d,#ff1f19,#00bcd4);
 
}

*/



/*///////////////////////////////////////////////////////////////////////////////////////////*/

#SliderProduct .item {
	position: relative;
	
	max-height: 600px;
	height: 500px;
	
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
	overflow: hidden;
	box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
	width: 98%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#SliderProduct .item .hide {
  opacity: 0;
}
#SliderProduct .item .frame {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#SliderProduct .item h2, .item p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
#SliderProduct .item h2 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	height: 65px;
	position: absolute;
	background-color: #000;
	background: rgba(0,0,0,0.70);
	line-height: 60px;
	overflow: hidden;
}
#SliderProduct .item h2 a {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
}
#SliderProduct .item p {
	bottom: 0;
	letter-spacing: 1px;
}

#SliderProduct .item:hover {
  transition: all .3s ease-in-out;
}
#SliderProduct .item:hover:before {
  transition: all .3s ease-in-out;
}
#SliderProduct .item img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all .3s ease-in-out;
}
#SliderProduct .item img:hover {
  transition: all .3s ease-in-out;
}
#SliderProduct .item img:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#SliderProduct .item img:hover {
  transition: all .3s ease-in-out;
}







#SliderProduct .PictureEffect h2 {
  top: 67%;
  transform: translate3d(0, 100px, 0);
  text-align: center;
}
#SliderProduct .PictureEffect p {
	opacity: 0;
	bottom: 0;
	transform: translate3d(0, -10px, 0);
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 27px;
	margin-right: 6px;
	margin-left: 6px;
}
#SliderProduct .PictureEffect:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  z-index: 2;
  bottom: -100%;
  left: 0;
}
#SliderProduct .PictureEffect:hover:before {
  bottom: 0;
}
#SliderProduct .PictureEffect:hover h2 {
  bottom: 880px;
  transform: translate3d(0, -120px, 0);
  background: rgba(0,0,0,0.00);

}
#SliderProduct .PictureEffect:hover p {
  opacity: 1;
  transform: translate3d(0, -70px, 0);
}

}








/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
/*///////////////////////结构定义/////////////////////////////////////////////////*/


.Product-theme .Product-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.Product-theme .Product-controls .Product-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 3px;
	font-size: 48px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 30px;
	/*	filter: Alpha(Opacity=50);/*IE7 fix*/
	/*opacity: 0.5;*/ 
	background: rgba(0,0,0,0.20);/*透明效果内部元素不受影响*/
	font-weight: bold;/*	background-color: #C9C9C9;*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.Product-theme .Product-controls.clickable .Product-buttons div:hover{
	/*	filter: Alpha(Opacity=60); /*IE7 fix*/
/*	opacity: 0.6 ;*/ 
	background: rgba(0,0,0,0.80);/*透明效果内部元素不受影响*/
	text-decoration: none;
	color: #e61f19;
	font-weight: bolder;
}

/* Styling Pagination*/

.Product-theme .Product-controls .Product-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.Product-theme .Product-controls .Product-page span{
	display: block;
	width: 30px;
	height: 5px;
	filter: Alpha(Opacity=20);/*IE7 fix*/
	opacity: 0.2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #17489c;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 7px;
	border: 1px solid #033a87;
}

.Product-theme .Product-controls .Product-page.active span,
.Product-theme .Product-controls.clickable .Product-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.Product-theme .Product-controls .Product-page span.Product-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 24px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.Product-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}






/*/////////////////////展示定义//////////////////////////////////////////*/



#SliderProduct{
	width: 92%;
	font-family: "Microsoft Yahei";
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	padding-bottom: 15px;
	clear: both;
	background-color: #FFF!important;
}
#SliderProduct .Product-wrapper-outer{
	margin: 0 auto;
}
#SliderProduct .item{
	position: relative;
	width: 100%;
	height: 260px;
	background-color: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
}
#SliderProduct .Mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}
#SliderProduct .item img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#SliderProduct .Mask a{
	display: block;
	width: 100%;
	height: 239px;
*background-image:url(about:blank);			background-image: url(about:blank)\0;
}
#SliderProduct .txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	color: #888;
	box-shadow: 0 0 15px 15px rgba(228, 233, 238, 0.95);
	background-color: #e4e9ee\9;
	background-color: rgba(228, 233, 238, 0.95);
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}
#SliderProduct h3{
	width: 100%;
	height: 25px;
	margin-bottom: 6px;
	padding-top: 6px;
	overflow: hidden;
	font-family: arial, "Microsoft Yahei";
	font-size: 18px;
	line-height: 25px;
	font-weight: 200;
}
#SliderProduct h3 a{
	color: #333;
	text-decoration: none;
}
#SliderProduct h3 a:hover{
	color: #338de6;
}
#SliderProduct p{
	width: 96%;
	height: 260px;
	line-height: 19px;
	display: block;
}

#SliderProduct .item:hover .Mask{
	background-color: rgba(0, 0, 0, 0);
}
#SliderProduct .item:hover .txt{
	background-color: #fff\9;
	background-color: rgba(248, 249, 249, 0.95);
	box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);
}




.Product-buttons div{
	position: absolute;
	top: 100px;
	width: 30px;
	height: 60px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	overflow: hidden;
	_display: none;
	font-family: "宋体";
	font-size: 60px;
	line-height: 60px;
}
.Product-prev{
	left: -40px;
}
.Product-next{
	right: -40px;
}
.Product-prev:before{
	content: "<";
}
.Product-next:before{
	content: ">";
}





#bar {
	width: 0%;
	max-width: 100%;
	height: 0.6px;
	overflow: hidden;
	background-color: #f60224;
}
#progressBar {
	width: 100%;
	background-color: #fafafa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b7b7b7;
	border-bottom-color: #acacac;
}


/*         #bar{position:relative;width:300px;height:400px;display:flex;justify-content:center;align-items:center;background:#060c21;}
        #bar:before{content:'';position:absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background:#fff;z-index: -1;}
        #bar:after{content:'';position:absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background:#fff;z-index: -2;filter:blur(40px);}
        #bar:before, .box:after{background:linear-gradient(235deg,#89ff00,#060c21,#00bcd4);}*/














@-webkit-keyframes BorderEffect {
  from { background-color: #FFFFFF; -webkit-box-shadow: 0 0 2px #e61f19;border-color:rgba(23,72,156,.75); }
  50% { background-color: #FFFFFF; -webkit-box-shadow: 0 0 15px #17489c;border-color:rgba(4,9,117,.75); }
  to { background-color: #FFFFFF; -webkit-box-shadow: 0 0 2px #eee93a;border-color:rgba(23,72,156,.75); }
}



/*背景荧光*/
/*.Product-carousel 
{
	background-color: #FFF; 
	
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
    -webkit-animation-name: BorderEffect; -webkit-animation-duration: 5s;animation-duration: 5s;
 
 
 
 
 
border-radius: 4px; 
}

.Product-carousel:before
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -1;
}
 
.Product-carousel:after
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -2;
	filter: blur(6px); 
}
.Product-carousel:before,
.Product-carousel:after
{
    background: linear-gradient(20deg,#eee93a,#6bb72d,#e61f19,#17489c);
	background: linear-gradient(235deg,#6bb72d,#ff1f19,#00bcd4);
 
}

*/



/*///////////////////////////////////////////////////////////////////////////////////////////*/

#SliderProduct .item {
	position: relative;
	
	max-height: 260px;
	height: 260px;
	
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
	overflow: hidden;
	box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
	width: 98%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#SliderProduct .item .hide {
  opacity: 0;
}
#SliderProduct .item .frame {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#SliderProduct .item h2, .item p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
#SliderProduct .item h2 {
	font-weight: 40;
	font-size: 16px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	position: absolute;
	background-color: #000;
	background: rgba(0,0,0,0.70);
	line-height: 40px;
	overflow: hidden;
}
#SliderProduct .item h2 a {
	font-weight: 40;
	font-size: 16px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
}
#SliderProduct .item p {
	bottom: 0;
	letter-spacing: 1px;
}

#SliderProduct .item:hover {
  transition: all .3s ease-in-out;
}
#SliderProduct .item:hover:before {
  transition: all .3s ease-in-out;
}
#SliderProduct .item img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all .3s ease-in-out;
}
#SliderProduct .item img:hover {
  transition: all .3s ease-in-out;
}
#SliderProduct .item img:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#SliderProduct .item img:hover {
  transition: all .3s ease-in-out;
}







#SliderProduct .PictureEffect h2 {
  top: 43%;
  transform: translate3d(0, 100px, 0);
  text-align: center;
}
#SliderProduct .PictureEffect p {
	opacity: 0;
	bottom: 0;
	transform: translate3d(0, -10px, 0);
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 27px;
	margin-right: 6px;
	margin-left: 6px;
}
#SliderProduct .PictureEffect:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  z-index: 2;
  bottom: -50%;
  left: 0;
}
#SliderProduct .PictureEffect:hover:before {
  bottom: 0;
}
#SliderProduct .PictureEffect:hover h2 {
  bottom: 60px;
  transform: translate3d(0, -80px, 0);
  background: rgba(0,0,0,0.00);

}
#SliderProduct .PictureEffect:hover p {
  opacity: 1;
  transform: translate3d(0, -70px, 0);
}

}
























/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////展示定义//////////////////////////////////////////*/



#SliderSolution{
	width: 95%;
	font-family: "Microsoft Yahei";
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	padding-bottom: 15px;
	clear: both;
}
#SliderSolution .Product-wrapper-outer{
	margin: 0 auto;
}
#SliderSolution .item{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #B2B2B2;
}
#SliderSolution .Mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23, 72, 156, 0.15);
}
#SliderSolution .item img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#SliderSolution .Mask a{
	display: block;
	width: 100%;
	height: 600px;
*background-image:url(about:blank);				
background-image: url(about:blank)\0;
}
#SliderSolution .txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 94%;
	height: 160px;
	color: #888;
	box-shadow: 0 0 15px 15px rgba(228, 233, 238, 0.75);
	background-color: #e4e9ee\9;
	background-color: rgba(228, 233, 238, 0.75);
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 3%;
	clear: both;
}
#SliderSolution h3{
	width: 100%;
	height: 60px;
	margin-bottom: 6px;
	padding-top: 6px;
	overflow: hidden;
	font-family: arial, "Microsoft Yahei";
	font-size: 19px;
	line-height: 60px;
	font-weight: 700;
}
#SliderSolution h3 a{
	color: #000;
	text-decoration: none;
}
#SliderSolution h3 a:hover{
	color: #E70101;
		 text-shadow: #9A0101 0.01px 0 0, #9A0101 0 0.01px 0, #9A0101 -0.01px 0 0, #9A0101  0 -0.01px 0;  /*文字描边*/

}
#SliderSolution p{
	width: 96%;
	height: 100px;
	line-height: 25px;
	font-size: 14px;
	color: #3E3E3E;
}

#SliderSolution .item:hover .Mask{
	background-color: rgba(0, 0, 0, 0);
}
#SliderSolution .item:hover .txt{
	background-color: #fff\9;
	background-color: rgba(248, 249, 249, 0.35);
	box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.35);
	 text-shadow: #000 0.01px 0 0, #000 0 0.01px 0, #000 -0.01px 0 0, #000 0 -0.01px 0;  /*文字描边*/
}


#Solutionbar {
	width: 0%;
	max-width: 100%;
	height: 3px;
	overflow: hidden;
	background-color: #ce0000;
}
#SolutionprogressBar {
	width: 100%;
	background-color: #e0e0e0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0b0b0b;
	border-bottom-color: #919091;
}


#SliderSolution .Product-controls.clickable .Product-pagination .Product-page.active span {
	background-color: #e61f19;
	border: 1px solid #8F1310;
}
touch-action: pan-y;

* { touch-action: pan-y; } 
 









@media screen and (max-width:7600px) and (min-width:1024px) {

/* CaseShow */
#CaseShow{
	height: 800px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#CaseShow .CaseShowPre{
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	background-position: -50px top;
	display: block;
	height: 47px;
	width: 25px;
	cursor: pointer;
	position: absolute;
	left: -35px;
	top: 350px;
}
#CaseShow a.CaseShowPre:hover{
	background-position: -75px top;
}
#CaseShow .CaseShowNext{
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 47px;
	width: 25px;
	cursor: pointer;
	top: 350px;
	right: -35px;
	position: absolute;
}
#CaseShow a.CaseShowNext:hover{
	background-position: -25px top;
}
#CaseShow #CaseOuterBox{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#CaseShow #CaseOuterBox .CaseShow_box .title{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 40px;
	color: #FFFFFF;
	display: none;
	height: 40px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	z-index: 30;
	width: 98%;
	text-indent: 1;
	left: 0px;
	background: rgba(000, 000, 000, 0.5);











filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#6B000000,endColorstr=#6B000000);
	font-weight: bold;
	margin-right: auto;
	margin-left: 5px;
	margin-bottom: 5px;
}
#CaseShow .CaseShow_box{
	width: 300%;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 800px;
}
#CaseShow .CaseShow_box ul{
	float: left;
	height: 33.3333%;
	width: 33.3333%;
	margin-bottom: 5px;
}
#CaseShow .CaseShow_box li{
	float: left;
	position: relative;
	width: 25%;
	height: 96%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
}
#CaseShow #CaseOuterBox .CaseShow_box ul li  img {
	height: 98%;
	width: 98%;
	border: 1px solid #DFDFDF;
}





#CaseShow .CaseShowNav{
	height: 10px;
	margin-top: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#CaseShow .CaseShowNav a{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px;
	font-size: 48px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 30px;/*透明效果内部元素不受影响*/
	font-weight: bold;/*	background-color: #C9C9C9;*/
	width: 26px;
	border: 1px solid #007B00;
	background-color: #6bb72d;
}
#CaseShow .CaseShowNav a:hover{
	background-color: #eee93a;
}
#CaseShow .CaseShowNav .CaseShowOn{
	background-color: #eee93a;
}



}
@media screen and (max-width: 1024px) and (min-width: 0px){


/* CaseShow */
#CaseShow{
	height: 400px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#CaseShow .CaseShowPre{
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	background-position: -50px top;
	display: block;
	height: 47px;
	width: 25px;
	cursor: pointer;
	position: absolute;
	left: -35px;
	top: 150px;
}
#CaseShow a.CaseShowPre:hover{
	background-position: -75px top;
}
#CaseShow .CaseShowNext{
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 47px;
	width: 25px;
	cursor: pointer;
	top: 150px;
	right: -35px;
	position: absolute;
}
#CaseShow a.CaseShowNext:hover{
	background-position: -25px top;
}
#CaseShow #CaseOuterBox{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#CaseShow #CaseOuterBox .CaseShow_box .title{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 40px;
	color: #FFFFFF;
	display: none;
	height: 40px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	z-index: 30;
	width: 98%;
	text-indent: 1;
	left: 0px;
	background: rgba(000, 000, 000, 0.5);











filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#6B000000,endColorstr=#6B000000);
	font-weight: bold;
	margin-right: auto;
	margin-left: 5px;
	margin-bottom: 5px;
}
#CaseShow .CaseShow_box{
	width: 300%;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 400px;
}
#CaseShow .CaseShow_box ul{
	float: left;
	height: 33.3333%;
	width: 33.3333%;
	margin-bottom: 3px;
}
#CaseShow .CaseShow_box li{
	float: left;
	position: relative;
	width: 25%;
	height: 96%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}
#CaseShow #CaseOuterBox .CaseShow_box ul li  img {
	height: 98%;
	width: 98%;
	border: 1px solid #DFDFDF;
}





#CaseShow .CaseShowNav{
	height: 10px;
	margin-top: 20px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#CaseShow .CaseShowNav a{
	color: #FFF;
	display: inline-block;
	zoom: 1;

	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px;
	font-size: 48px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 30px;/*透明效果内部元素不受影响*/
	font-weight: bold;/*	background-color: #C9C9C9;*/
	width: 26px;
	border: 1px solid #007B00;
	background-color: #6bb72d;
	float: left;
}
#CaseShow .CaseShowNav a:hover{
	background-color: #eee93a;
}
#CaseShow .CaseShowNav .CaseShowOn{
	background-color: #eee93a;
}







}


/*背景荧光*/
.CaseShowFluorescence 
{
	 
	
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
    -webkit-animation-name: BorderEffect; -webkit-animation-duration: 5s;animation-duration: 5s;
 
 
 
 
 
border-radius: 4px; 
}

.CaseShowFluorescence:before
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -1;
}
 
.CaseShowFluorescence:after
{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #fff;
	z-index: -2;
	filter: blur(6px); 
}
.CaseShowFluorescence:before,
.CaseShowFluorescence:after
{
    background: linear-gradient(20deg,#eee93a,#6bb72d,#e61f19,#17489c);
	background: linear-gradient(235deg,#6bb72d,#ff1f19,#00bcd4);
 
}







/**********************新闻中心焦点图片*****************************************/
.hiSlider-pages,.hiSlider-title{
	position: absolute;
	z-index: 3;
}
.hiSlider-btn-prev,.hiSlider-btn-next{
	position: absolute;
	z-index: 5;
	top: 50%;
	height: 30px;
	width: 30px;
	background: url(../images/hislider-arrow.png) no-repeat;
	margin-top: -15px;
	text-indent: -200px;
	overflow: hidden;
	opacity: .6;
filter:alpha(opacity:60);
}
.hiSlider-btn-prev{
	left: 10px;
}
.hiSlider-btn-next{
	right: 10px;
	background-position: -30px 0;
}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{
	opacity: 1;
filter:alpha(opacity:100);
}
.hiSlider-title{
	bottom: 0;
	width: 96%;
	color: #fff;
	background: rgba(0,0,0,.6);
	z-index: 2;
	font-family: "Microsoft YaHei", Arial, Tahoma;
	font-size: 16px;
	line-height: 60px;
	padding-right: 0;
	padding-left: 2%;
	height: 60px;
	font-weight: bold;
}
.hiSlider-pages{
	bottom: 25px;
	right: 10px;
	text-align: right;
}
.hiSlider-pages a{
	height: 12px;
	width: 12px;
	margin: 0 6px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #ddd;
}
.hiSlider-pages a.active{
	background: #5472BF;
}







.hiSlider-item{
		    float: left;
		}
		
		
/*********************************************************************/


.hiSlider-itemimg {
	height: 100%;
	width: 98%;
}
@media screen and (max-width:7600px) and (min-width:1024px) {
	
.hiSlider{
	overflow: hidden;
	height: 500px;
	width: 100%;
	background: #eee;
		}	
	
	
.hiSlider-item  img {
	height: 498px;
	width: 98%;
	border: 1px solid #A7A7A7;
		}

}
@media screen and (max-width: 1024px) and (min-width: 0px){
.hiSlider{
	overflow: hidden;
	height: 300px;
	width: 100%;
	background: #eee;
		}
.hiSlider-item  img {
	height: 298px;
	width: 98%;
	border: 1px solid #A7A7A7;
		}

}